// 修改个人信息
/* 
    想要实现我们的修改个人信息 就必须要保证你现在处于登录状态
    验证你现在是不是处于登录状态
*/
// 获取元素
let usernameBox = document.querySelector('.username')
let ageBox = document.querySelector('.age')
let nicknameBox = document.querySelector('.nickname')
let genderBox = document.querySelector('.gender')
let form = document.querySelector('form')


// 要回去到token和id
let token = window.localStorage.getItem('token')
let id = window.localStorage.getItem('id')

// 定义一个函数
selfCenter()
async function selfCenter() {
    // 验证我们的token 和 id
    if (!token || !id) return window.location.href = './login.html'
    // 代码能执行到这里说明是有的
    // 发送请求

    let res = await pAjax({
        url: 'http://localhost:8080',
        data: { id },
        headers: { 'authorization': token },
        dataType: 'json'
    })
    // console.log(res);

    // 判断code是不是等于1
    if (res.code !== 1) return window.location.href = './login.html'

    // 代码能执行到这里 说名是正处于登录状态
    // 把之前的信息添加到个人信息对应的文本框中

    let { age, gender, nickname } = res.info
    ageBox.value = age
    nicknameBox.value = nickname
    genderBox.value = gender
}

// 实现我们的修改

// 给form表单添加提交事件
form.addEventListener('submit', async e => {
    e = e || window.event
    try { e.preventDefault() } catch (err) { e.returnValue = false }

    // 准备一个对象
    let info = {
        id,
        age: ageBox.value,
        gender: genderBox.value,
        nickname: nicknameBox.value
    }
    // 发送请求
    let res = await pAjax({
        url: 'http://localhost:8080/users/update',
        method: 'POST',
        data: info,
        dataType: 'json',
        headers: { 'authorization': token }
    })

    // console.log(res);
    // 判断我们的code的值
    if (res.code !== 1) return window.location.href = './login.html'

    // 代码能执行到这里 说明修成功
    alert('恭喜你修改成功')
    window.location.href = './index.html'

})